import request from '../../utils/request'

Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 手机号码
    phoneNumber: '',
    vcode: '',
    isCountDown: false,
    countNum: 60
  },
  getPhoneNumber(event) {
    this.setData({
      phoneNumber: event.detail.value
    })
  },
  getVcode(event) {
    this.setData({
      vcode: event.detail.value
    })
  },

  // 开启倒计时
  startConuntDown() {
    // 如果正在倒计时中，返回
    if (this.data.isCountDown) {
      return
    }
    // TODO，判断手机格式是否正确
    // 开启倒计时，发送验证码变成60s
    this.setData({
      isCountDown: true
    })
    //60s--
    // 每一秒减1
    let timer = setInterval(() => {
      let num = this.data.countNum - 1
      if (!num) {
        // 倒计时结束
        // 清除定时器
        clearInterval(timer)
        this.setData({
          countNum: 60,
          isCountDown: false
        })
      } else {
        // 不等于0，显示数字
        this.setData({
          countNum: num
        })
      }
    }, 1000)

    this.sendVcode()
  },
  // 请求验证码，并toast
  async sendVcode() {
    let data = await request({
      url: '/api/user/vcode',
      data: {
        phone: this.data.phoneNumber
      }
    })

    // 提示
    wx.showToast({
      // title的值必须是字符串
      title: data.vcode + '',
      icon: 'none',
      duration: 5000
    })
  },
  async phoneLogin() {
    let data = await request({
      url: '/api/user/login',
      method: 'POST',
      data: {
        phone: this.data.phoneNumber,
        vcode: this.data.vcode
      }
    })
    // 存token，提示
    wx.setStorageSync('token', data.token)
    wx.showToast({
      title: data.message,
      success() {
        // 提示消失后，再跳转
        setTimeout(() => {
          // 登录成功后，返回
          wx.navigateBack()
        }, 1500)
      }
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})